/* 格式化浏览器样式 */
        body{
            font-size: 15px;
        }
        ul,li,span,div,p{
            margin: 0;
            padding: 0;
            /* 去除li的点 */
            list-style: none;
            /*  */
        }
        a{
            /* 去除下划线 */
            text-decoration: none;
        }
        /* 简化底层代码 */
        .footer_t1,.header_t1,.main_t1{
            /* 设置宽度 */
            width: 980px;
            /* 设置网页居中 */
            margin: 0 auto;
        }
/* 设置头部 */
        .header_t1{
            /* 高度 */
            height: 290px;
            /* background-color: #bfa; */
        }
        /* 头部三个块 */
        /* 简化代码 */
        .header_welcom,.header_logo,.header_nav{
            width: 100%;

        }
        /* 头部上 */
        .header_welcom{
            /* 设置宽高 */
            height: 35px;
            /* background-color: #cbf; */
            
            /* 设置文字居中 */
            line-height: 35px;
        }
        /* 头部 中 */
        .header_logo{
            height: 200px;
            /* background-color: #db5; */
            /* 设置上下边距10px */
            margin: 10px auto;
        }
        /* 头部 下 */
        .header_nav{
            height: 35px;
            background-color: rgb(0,100,0);

        }
        /* 设置导航栏文字 */
        .header_nav .nav_ul{
            /* 导航栏文字居中 */
            line-height: 35px;
        }
        .header_nav .nav_ul .nav_li{
            /* 元素浮动 */
            float: left;
        }
        /* 设置a标签链接样式 */
        .nav_li a{
            /* 设置文字加粗 */
            font-weight: bold;
            /* 设置文字颜色 */
            color: rgb(248,255,255);
            /* 去除下划线 */
            text-decoration: none;
            /* 元素浮动 使得元素撑开 让除文字以外的区域也能点击 */
            float: left;
            /* 设置文字左右边距 */
            padding: 0 26px;
        } 
        /* 选择最后一个元素 让背景填满 */
        .nav_li a:last-child{
            padding: 0 26px 0 26px;
        }
        /* 设置鼠标移动到超链接上的样式 */
        .nav_li a:hover{
            /* 设置鼠标移动上去的背景色 */
            background-color: rgb(129, 129, 129);
            /* 设置移动上去的文字颜色 */
            color: rgb(240, 240, 240);
        }


/* 设置主体 */
        .main_t1{
            height: 661px;
            /* background-color: #fba; */
            /* 设置上下边距 */
            margin: 10px auto;
        }
        .body_top,.body_logo,.body_bottom{
            width: 100%;
        }
        /* 主体上 */
        .body_top{
            height: 238px;
            /* background-color: rgb(82, 235, 255); */
        }
    /* 设置主体上部分三块 */
        .body_s1,.body_s2,.body_s3{
            height: 100%;
            /* 元素浮动 横向排列 */
            float: left;
            /* 设置盒子的边框 */
            border: 1px rgb(0,128,0) solid;
            /* 盒子边框会改变盒子大小 导致错位 */
            /* 所以以下 调整盒子根据宽高自动计算 */
            box-sizing: border-box;
        }

        /* 主体上左 */
        .body_s1{
            width: 300px ;
            /* background-color: rgb(255, 117, 70); */

        }
        /* 设置主体图片上的文字 */
        .body_top span,.body_bottom span {
            float: left;
            /* 设置文字 上下左右的边距 */
            margin: 0 100px 8px 5px;
            /* 设置文字加粗 */
            font-weight: bold;
            color: rgb(2,129,1);
        }
        /* 设置图片新闻 */
        .body_s1 img{
            width: 290px;
            height: 85%;
            /* 设置图片左右边距 */
            margin: 0 5px;
        }

        /* 主体上中 */
        .body_s2{
            width: 360px;
            /* background-color: rgb(86, 36, 238); */
            /* 设置上中部分的左右边距 */
            margin: 0 10px;
        }
        /* 设置表单 */
        .body_s2 form{
            float: left;
            margin-left:5px ;
        }
        /* 设置表单间隔 */
        .body_s2 p{
            margin: 5px 0;
            color:rgb(2,129,1);
        }
        /* 设置两个按钮横向排列 */
        .body_s2 .form_p1{
            float: left;
            margin: 0 5px;
        }

        /* 主体上右 */
        .body_s3{
            width: 300px;
            /* background-color: rgb(13, 99, 66); */
        }
        /* 设置ul为块元素 */
        .body_s3 ul,.body_bottom ul{
            float: left;
            margin-left: 5px;
        }
        /* 在li前面加●符号 */
        .body_s3 li::before,.body_bottom li::before{
            content: '●';
            color: rgb(165, 165, 165);
            font-size: 5px;
            margin-right: 5px;
        }
        /* 去除a标签的下划线 */
        .body_s3 li a,.body_bottom li a{
            /* 去除a标签的下划线 */
            text-decoration: none;
            /* 设置a链接的颜色 */
            color: #000;

        }
        .body_s3 li a:hover,.body_bottom li a:hover{
            /* 鼠标移动上去字体的颜色 */
            color: rgb(0,100,0);
            /* 背景色 */
            /* 鼠标移动上去后显示下划线 */
            text-decoration: underline;
        }

        /* 主体中间 */
        .body_logo{
            height: 165px;
            background-color: #db5;
            /* 设置上下边距10px */
            margin: 10px auto;
        }
        /* 设置图片大小 */
        .body_logo img{
            width: 100%;
            height: 100%;
        }

        /* 主体下部 */
        .body_bottom{
            height: 238px;
            /* background-color: #bd3; */
            
        }
        /* 设置所有的a链接间隔 */
        .body_top li,.body_bottom li{
            margin-bottom: 3px;
        }
        .body_bottom .body_s3{
            /* 裁剪图片超出父元素的部分 */
            overflow: hidden;
            /* 设置图片间隔 */
            padding:6px;
        }
        .body_bottom img{
            /* 让元素右浮动 */
            float: right;
            /* 设置图片间隔 */
            margin-bottom: 6px;
        }

/* 设置底部 */
        .footer_t1{
            height: 100px;
            background-color: rgb(0,100,0);
        }
        .footer_t1 p{
            /* 设置文字水平居中 */
            text-align: center;
            /* 设置文字垂直居中 */
            line-height: 50px;
            /* 设置文字颜色 */
            color: #fff;
            /* 设置文字加粗 */
            font-weight: bold;
        }
